/*
 global
*/
body{font-family:arial,sans-serif;margin: 0; padding:0 0 0 0;background-color:#f6f6f6;word-wrap: break-word;-webkit-user-select: none;}
body.night{background-color:#1F1F1F}
p{margin-top:0;margin-bottom:0.7em}
*{-webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0.15);}
.no_tc{-webkit-tap-highlight-color: rgba(0,0,0,0);}
/*
 title
*/
#title_section{padding:15 15 6 15;-webkit-user-select: text;}
#title{color:#121212;font-weight:bold;font-size:21px;}
#subtitle{color:#808080;font-size:14px;padding-top:5px;padding-bottom:3px;-webkit-user-select:text;}

/*
 attitude block
*/
.H1{font-size:125%;font-weight:bold;line-height:130%;color:#1F1F1F;padding-top:0.1em;padding-bottom:0.1em}
.H2{font-size:110%;font-weight:bold;line-height:130%;padding-top:0.1em;padding-bottom:0.1em;color:#1F1F1F;}
.PRE, .END{background-color:#EDEDED;padding:15px;color:#5F5F5F;font-size:95%;line-height:150%}
.PRE{margin-top:-10px}
/*
 body
*/
#body_section{padding:3 15;color:#1f1f1f;font-size:17px;line-height:163%;overflow-x:hidden;-webkit-user-select: text;text-align:justify;-webkit-hyphens: auto;-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:1;letter-spacing:-0.2px;}
body.night #body_section{color:#808080;}
#body_section.font_largex{font-size:20px;}
#body_section.font_large{font-size:18.5px;}
#body_section.font_small{font-size:15.5px;}
.cma{margin-right:-0.7em;}
.cma2{margin-right:-0.3em;}
.cmal{margin-left:-0.2em;}
.cmal2{margin-left:-0.6em;}

#body_section a.link{color:#5191d2;text-decoration:none;}
body.night #body_section a.link{color:#a7a7a7;border-bottom-color:#a7a7a7}

/*
 topics & relative links
*/
.section_header{background-size: 100%;background-image: url("contentview_sectionheader.png");background-repeat: no-repeat;font-size:14px;color:#5f5f5f;height:36px;line-height:36px;padding-left:14px;}
.section ul{ list-style: none; margin: 0;padding: 0;}
.section ul li{ height: 45px;background-size: 290px 2px;background: url("contentview_topline.png") no-repeat center top;overflow:hidden;}
.section ul li.first{background-image:none}
.section ul li#hover{background-size:100%;background: url("sidebar_cellhighlighted_bg.png") x-repeat left top}
#topics_section ul li a.topic_name{ display: block;width:200px;height: 45px;line-height:45px; outline: none;text-decoration:none;font-size:17px;color:#1f1f1f;padding-left:15px;float:left;}
#topics_section ul li a.topic_plus,#topics_section ul li a.topic_check{ display: block;width:60px;height: 45px; outline: none;float:right;}
#topics_section ul li a.topic_plus{background-size: 28px 28px;background: url("subs_add_circle.png") no-repeat center center;}
#topics_section ul li a.topic_check{background-size: 29px 29px;background: url("subs_checked.png") no-repeat center center;}

#relative_section ul li a{ display: block;width:290px;height: 45px;line-height:45px; outline: none;text-decoration:none;font-size:17px;color:#1f1f1f;padding-left:15px;}
#relative_section ul li a.read{color:#808080}
/*
 photo
*/
.photo,.photo_big,.video,.video_big{position:relative;float:right;width:100px;height:100px;margin:5 0 0 10;clear:right;background-size: 100%;background-image: url("contentview_image_default.png");background-repeat: no-repeat;-webkit-user-select: none;}
.photo_big,.video_big {width:290px;height:150px;background-image: url("contentview_image_big_default.png");margin-bottom:0.2em}
p.pdesc{font-size:90%;line-height:115%;color:#808080;clear:both;margin:0.1em auto 0.7em;}
.photo_box{width:100px;height:100px;overflow:hidden;display:block;z-index:-1;color:#808080;text-decoration:none;}
.photo_box img{opacity:0;-webkit-transition: opacity 250ms ease-out;}
.photo_box>span{padding:5px 2px 0 5px;display:block;font-size:12px;line-height:16px;text-align:left;}
.photo_big .photo_box,.video_big .photo_box{width:290px;height:150px;}

.plus{position:absolute;left:0px;bottom:0px;background-size: 100%;z-index:1}
.photo[photoset] .plus,.photo_big[photoset] .plus{width:56px;height:34px;left:0px;bottom:0px;background-image:url("contentview_photoset_plus.png")}
.video_plus{position:absolute;left:20px;bottom:20px;width:60px;height:60px;background-size: 100%;background-image: url("contentview_play.png");background-repeat: no-repeat;z-index:1}
.video_big .video_plus{left:115px;bottom:45px}


@media screen and (-webkit-device-pixel-ratio: 2) {

.section_header{ background-image: url("contentview_sectionheader@2x.png");}
.section ul li{background-image: url('contentview_topline@2x.png');}
.section ul li#hover{background-image: url("sidebar_cellhighlighted_bg@2x.png")}
#topics_section ul li a.topic_plus{background-image: url("subs_add_circle@2x.png")}
#topics_section ul li a.topic_check{background-image: url("subs_checked@2x.png")}

.photo,.video{background-image: url("contentview_image_default@2x.png");}
.photo_big,.video_big {background-image: url("contentview_image_big_default@2x.png")}
.photo[photoset] .plus,.photo_big[photoset] .plus{background-image:url("contentview_photoset_plus@2x.png")}
.video_plus{background-image: url("contentview_play@2x.png");}
}


